.swiper {
    overflow-x: hidden;
    margin: 0 auto;
    background-color: #fff;
    transition: all .3s;
    position: relative;
    ul {
        height: calc(100vh - 49px);
        display: flex;
        align-items: center;
        gap: 30px;
        // margin-left: 20%;
        position: relative;
        left: 20%;
        li {
            float: left;
        }
        .img-wrapper {
            position: relative;
            background-size: 100%;
            background-repeat: no-repeat;
            width: 386px;
            height: 670px;
            border-radius: 50px;
            transition: all 0.3s ease-in-out;
            .contain {
                position: absolute;
                bottom: 50px;
                left: 50%;
                transform: translateX(-50%);
                text-align: center;
                height: 96px;
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                .c_title {
                    font-size: 24px;
                    font-weight: 700;
                }
                .c_text {
                    font-size: 18px;
                }
            }
        }
        .img-wrapper:hover {
            cursor: pointer;
            background-size: 105%;
        }
    }
}
